@charset "UTF-8";
/*name+time*/
/* CSS Document */
@media screen and (max-width:1680px){
     .cloumn3Bgtext{
         bottom: 170px;
    }
    .roudList .dd1{
        position: absolute;
        left: 50%;
        margin-left: -40px;
        top: -40px;
    }
    .roudList .dd2{
        position: absolute;
        right: -80px;
        top: 50%;
        margin-top: -115px;
    }
    .roudList .dd3{
        position: absolute;
        bottom: -5px;
        right: 65px;
        /* top: 10px; */
    }
    .roudList .dd4{
        position: absolute;
        bottom: -10px;
        left: 65px;
    }
    .roudList .dd5{
        position: absolute;
        top: 140px;
        left: -28px;
    }
    .roudList dd .rudw{
        width: 80px;
        height: 80px;
    }
    .roudList dd .rudn{
    width: 70px;
    height: 70px;
    top: 50%;
    margin-top: -35px;
    left: 50%;
    margin-left: -35px;
    }
    .column2Right {
    width: 550px;
    height: 520px;
    position: absolute;
    top: 200px;
    right: 265px;
    }
    .box4Tab{
    left: 9%;
    width: 67%;
    }
}
@media screen and (max-width:1600px){
    .nav_dl dd{
        padding: 20px 25px;
    }
    .roudList .dd1 em {
    position: relative;
    top: -105px;
    left: -32px;
    }
    .roudList .dd3 em {
    left: 87px;
    top: -55px;
    }
    .roudList .dd2 em {
    left: 85px;
    top: -58px;
    }
}
@media screen and (max-width:1440px){
    .roudList .dd1 em {
    position: relative;
    top: -105px;
    left: -32px;
    }
    .roudList .dd3 em {
    left: 87px;
    top: -55px;
    }
    .roudList .dd2 em {
    left: 85px;
    top: -58px;
    }
     .cloumn3Bgtext{
         bottom: 170px;
    }
    .nav_dl dd{
        padding: 20px 20px;
    }
    .column2Right span.two{
        background-size: 100%;
    }
    .column2Right span.one{
        background-size: 100%;
    }
    .column2Right {
    width: 410px;
    height: 520px;
    position: absolute;
    top: 200px;
    right: 250px;
    }
    .roudList dd .rudw {
    width: 70px;
    height: 70px;
    }
    .roudList dd .rudn {
    width: 55px;
    height: 55px;
    top: 50%;
    margin-top: -28px;
    left: 50%;
    margin-left: -28px;
    }
    .roudList .dd1 {
    position: absolute;
    left: 50%;
    margin-left: -36px;
    top: 22px;
    }
    .roudList .dd2 {
    position: absolute;
    right: -100px;
    top: 50%;
    margin-top: -95px;
    }
    .roudList .dd3 {
    position: absolute;
    bottom: 50px;
    right: 42px;
    }
    .roudList .dd4 {
    position: absolute;
    bottom: 46px;
    left: 41px;
    }
    .roudList .dd5 {
    position: absolute;
    top: 166px;
    left: -28px;
    }
    .column2Right .text{
        width: 290px;
    }
}
@media screen and (max-width:1366px){
	.nav_dl dd {
		padding: 20px 15px;
	}
    .roudList .dd2 {
    position: absolute;
    right: -25px;
    top: 50%;
    margin-top: -95px;
    }
    .header .nav-wrap .nav-bot-bg1{
            bottom: -60px;
    }
    .column4{
    height: 675px;
    }
    .clutext{
        top:100px;
    }
    .column2Right{
        top: 100px;
    }
    .cloumn3Bgtext{
         bottom: 170px;
    }
    .roudList .dd1 em {
    position: relative;
    top: -105px;
    left: -32px;
    }
    .roudList .dd3 em {
    left: 87px;
    top: -55px;
    }
    .roudList .dd2 em {
    left: 85px;
    top: -58px;
    }
    }
}
@media screen and (max-width:1360px){
    .column4{
    height: 675px;
    }
    .clutext{
        top:100px;
    }
    .column2Right{
        top: 100px;
    }
    .roudList .dd1 em {
    position: relative;
    top: -105px;
    left: -32px;
    }
    .roudList .dd3 em {
    left: 87px;
    top: -55px;
    }
    .roudList .dd2 em {
    left: 85px;
    top: -58px;
    }
}